body {

    background-color: whitesmoke;
}

nav {
    height: 0.44rem;
}

nav :nth-child(3) {
    width      : 0.2rem;
    display    : inline-block;
    height     : 0.2rem;
    display    : flex;
    align-items: center;
}

header {
    height         : 1.86rem;
    background     : url("../img/d4f2a67087fd443a.png") no-repeat;
    background-size: cover;

}

header article:first-child {
    height: 0.7rem;
}

.sezhi {
    width : 0.2rem;
    height: 0.2rem;
}

.tuxiang {
    width        : 0.5rem;
    height       : 0.5rem;
    border-radius: 50%;
    border       : 1px solid red;
}

.shiming {
    width           : 0.8rem;
    position        : absolute;
    height          : 0.15rem;
    font-size       : 0.12rem;
    bottom          : -0.05rem;
    left            : 50%;
    margin-left     : -0.4rem;
    border-radius   : 0.07rem;
    line-height     : 0.15rem;
    /* padding      : 0 0 0 0.05rem; */
    background-color: rgba(0, 0, 0, .5);
}

.tubiao {
    width          : 0.15rem;
    height         : 0.15rem;
    background     : url(../img/8581e1b9765e15ff.png) no-repeat;
    background-size: cover;
}

.xiangshou {
    width           : 0.7rem;
    height          : 0.16rem;
    line-height     : 0.16rem;
    text-align      : center;
    border-radius   : 0.08rem;
    background-color: rgba(0, 0, 0, .5);
}

.zhi {
    flex        : 1;
    padding-left: 0.2rem;
}

header article:last-of-type {
    height         : 0.42rem;
    width          : 2.9rem;
    margin         : 0.17rem auto 0;
    background     : url(../img/8a736742745d79cf.png) no-repeat;
    background-size: cover;
}

.vip {
    width   : 0.57rem;
    height  : 0.12rem;
    position: relative;
}

.vip::after {
    position        : absolute;
    content         : "";
    right           : -0.1rem;
    top             : 0;
    width           : 0.01rem;
    height          : 0.1rem;
    background-color: yellow;
}

.lingqu {
    width    : 1.4rem;
    font-size: 0.12rem;
    color    : white;
}

.shiyong {
    position        : relative;
    width           : 0.7rem;
    height          : 0.16rem;
    font-size       : 0.12rem;
    text-align      : center;
    background-color: #ffe36f;
    border-radius   : 0.08rem;
}

.shiyong::before {
    content     : "";
    position    : absolute;
    top         : 50%;
    right       : 0.03rem;
    margin-top  : -0.03rem;
    border      : 0.04rem solid;
    border-color: transparent transparent transparent black;
}

.fukuan {
    position        : relative;
    top             : -0.05rem;
    height          : 0.8rem;
    padding-top     : 0.15rem;
    background-color: white;
    border-radius   : 0.15rem;
}

.fukuan div {
    width: 7.3rem;
}

.fukuan div div {
    width : 0.3rem;
    height: 0.3rem;
    margin: 0 auto;
}

.fuwu {
    background-color: white;
    border-radius   : 0.15rem;
}

.fuwu article:first-child {
    height       : 0.38rem;
    line-height  : 0.38rem;
    border-bottom: 1px solid rgb(212, 212, 212);
}

.fuwu article:last-of-type div {
    width: 0.8rem;
}

.fuwu article:last-of-type div div {
    width : 0.35rem;
    height: 0.35rem;
    margin: 0 auto;
}

.tuijian div:last-of-type,
.tuijian div:first-child {
    flex: 1;

    height          : 0.01rem;
    background-color: rgb(151, 151, 151);
}

.wuping {
    width           : 1.59rem;
    height          : 2.17rem;
    border-radius   : 0.1rem;
    margin-bottom   : 0.02rem;
    padding         : 0.15rem 0.15rem 0;
    background-color: white;
}

.wp-img {
    width : 1.29rem;
    height: 1.29rem;
}

.miao {
    border     : 1px solid red;
    padding    : 0 0.03rem;
    line-height: initial;
}

footer>article:first-child {
    border-top   : 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

footer>article:first-child>a {
    color       : #888;
    font-size   : 0.12rem;
    line-height : initial;
    padding     : 0 0.15rem;
    border-right: 1px solid #969896;
}

footer>article:first-child>a:last-child {
    border: none;
}

footer>article:nth-child(2) {
    border-bottom: 1px solid #e5e5e5;
}

footer>article:nth-child(2)>a {
    display: inline-block;
    width  : 0.51rem;
    height : 0.51rem;
}

aside {
    position: fixed;
    bottom  : 18%;
    left    : 50%;

    visibility : hidden;
    margin-left: 1.2rem;
}

footer>article:nth-child(4)>a {
    width  : 0.51rem;
    height : 0.39rem;
    display: inline-block;
}

footer>div {
    height          : 0.5rem;
    background-color: white;
}

footer>article:nth-child(5) {
    width     : 100%;
    position  : fixed;
    bottom    : 0;
    box-shadow: 0px -4px 6px 0px rgb(238, 238, 238);
}

.logo {
    width          : 1rem;
    height         : 0.2rem;
    margin         : 0 auto;
    background     : url() no-repeat;
    background-size: 100%;
}